import React from 'react';
import Title from '../Title';
import order from "@/assets/images/order.png";
import './index.scss';

export default function OrderProcess({ orderTexts, primaryColor }) {
    return (
        <div className="order-container">
            <Title title="订购流程" />
            <div className="order">
                <div className="order-text-box">
                    {orderTexts.map((item, index) => (
                        <div key={index} className="order-text-item">
                            <span className="order-text-title" style={{color: primaryColor}}>
                                {item.title}
                            </span>
                            <span>{item.content}</span>
                        </div>
                    ))}
                </div>
                <img src={order} alt=""/>
            </div>
        </div>
    );
} 